<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>
</script>
<style type="text/css">
#slider {
	width:502px;
	margin:0;
	padding:0;
	list-style:none;
}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:502px;
	height:290px;
	overflow:hidden;
}
p#controls {
	margin:0;
	position:relative;
}
#prevBtn, #nextBtn {
	display:block;
	margin:0;
	overflow:hidden;
	width:30px;
	height:290px;
	position:absolute;
	left:-45px;
	top:-160px;
}
#nextBtn {
	left:517px;
}
#prevBtn a {
	display:block;
	width:30px;
	height:290px;
	background: url(images/l_arrow.gif) no-repeat 0 0;
}
#nextBtn a {
	display:block;
	width:30px;
	height:290px;
	background: url(images/r_arrow.jpg) no-repeat 0 0;
}
</style>
</head>
<body>
<div class="main">
  <div class="header">
    <p class="top"><a href="#">Client Login</a><img src="images/top_str.gif" width="16" height="12" alt="Login" /></p>
    <div class="logo"><a href="index.html"><img src="images/logo.gif" width="234" height="44" border="0" alt="Logo" /></a></div>
    <div class="menu">
      <ul>
        <li><a href="index.html" class="active">Home page</a><span>home page</span></li>
        <li><a href="about_us.html">About us</a><span>company info</span></li>
        <li><a href="services.html">Services</a><span>information</span></li>
        <li><a href="porfolio.html">Portfolio</a><span>products</span></li>
        <li><a href="contact.html">Contact</a><span>call is now</span></li>
      </ul>
    </div>
    <div class="clr"></div>
    <div class="slicer">
      <div class="gallery">
        <div id="slider">
          <ul>
            <li><img src="images/screen_1.jpg" alt="screen 1" width="502" height="290" border="0" /></li>
            <li><img src="images/screen_2.jpg" alt="screen 1" width="502" height="290" border="0" /></li>
            <li><img src="images/screen_3.jpg" alt="screen 1" width="502" height="290" border="0" /></li>
          </ul>
        </div>
      </div>
      <div class="desc">
        <h2>Your New Web test</h2>
        <p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
        <p><a href="#"><img src="images/button_website.gif" width="91" height="26" border="0" alt="button" /></a> <a href="porfolio.html"><img src="images/button_portfolio.gif" width="104" height="26" border="0" alt="button" /></a></p>
      </div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="body">
    <div class="resize">
      <div class="panel">
        <div>
          <div>
            <p><a href="services.html">More Services <img src="images/plus.gif" width="14" height="14" border="0" align="top" alt="button" /></a></p>
            <h1>Our Services</h1>
          </div>
        </div>
      </div>
      <div class="box">
        <div class="bottom">
          <div class="top">
            <div class="services">
              <div class="left">
                <h2>Service 1</h2>
                <p><img src="images/icon_50_1.jpg" width="50" height="50" hspace="10" vspace="0" align="left" alt="picture" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                <p class="link"><a href="services.html"><img src="images/plus2.gif" width="13" height="13" border="0" align="top" alt="button" /> read more about services 1</a></p>
              </div>
              <div class="center">
                <h2>Service 2</h2>
                <p><img src="images/icon_50_2.jpg" width="50" height="50" hspace="10" vspace="0" align="left" alt="picture" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                <p class="link"><a href="services.html"><img src="images/plus2.gif" width="13" height="13" border="0" align="top" alt="button" /> read more about services 2</a></p>
              </div>
              <div class="right">
                <h2>Service 3</h2>
                <p><img src="images/icon_50_3.jpg" width="50" height="50" hspace="10" vspace="0" align="left" alt="picture" />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                <p class="link"><a href="services.html"><img src="images/plus2.gif" width="13" height="13" border="0" align="top" alt="button" /> read more about services 3</a></p>
              </div>
              <div class="clr"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="second_body">
    <div class="resize">
      <div class="content">
        <div class="left">
          <h2>What we offer</h2>
          <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
          <ul class="list">
            <li><img src="images/icon_1.jpg" width="30" height="30" align="left" alt="picture" />It has survived not only five centuries, but also the leap into electronic typese tting, remaining essentially unchanged. </li>
            <li><img src="images/icon_2.jpg" width="30" height="30" align="left" alt="picture" />It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</li>
            <li><img src="images/icon_3.jpg" width="30" height="30" align="left" alt="picture" />It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </li>
            <li><img src="images/icon_4.jpg" width="30" height="30" align="left" alt="picture" />The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </li>
          </ul>
          <p><strong>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</strong></p>
        </div>
        <div class="right">
          <h2>Clients saying</h2>
          <div class="testi">
            <div>
              <div>
                <p><em>&quot;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&quot;</em></p>
                <p align="right"><strong>-John Smith, webdesigner</strong></p>
              </div>
            </div>
          </div>
          <div class="testi">
            <div>
              <div>
                <p><em>&quot;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&quot;</em></p>
                <p align="right"><strong>-John Smith, webdesigner</strong></p>
              </div>
            </div>
          </div>
        </div>
        <div class="clr"></div>
      </div>
    </div>
  </div>
  <div class="footer">
    <p>© Copyright 2009. Your Site Name Dot Com. All Rights Reserved</p>
    <p><a href="#">Home</a> | <a href="#">Contact</a> | <a href="#">RSS</a></p>
  </div>
</div>
</body>
</html>